.players_list {
	background:#fff;
	padding: 25px 0px;

	.player_container {
		padding: 15px;
		cursor: pointer;

		.item_wrapper {
			position: relative;
			width: 100%;
			float: left;
			padding: 20px;
			-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
			-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);
			box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);
			
			a {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
			}
			a:hover {
				text-decoration: none;
			}

			.image_box {
				width: 100%;
				position: relative;
				float: left;

				img{
					max-width: 100%;
					margin: 0px auto;
					display: block;
				}
				.position_overlay {
					position: absolute;
					left: -10px;
					top:5px;
					background: #C92228;
					color: #fff;
					padding: 2px 5px;
				}
			}

			.info_box {
				float: left;
				width: 100%;
				height: 70px;
				position: relative;
				padding: 10px 0px 0px 0px; 
				.name {
					display: block;
					width: 80%;
					float: left;
				}
				.birthday {
					display: block;
					width: 80%;
					position: absolute;
					bottom: 0;
					left: 5px;
				}
				.number {
					position: absolute;
					right: 5px;
					top: 10px;			}
			}
		}
	}
	.player_container:hover .item_wrapper {
		-webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    1px 1px 4px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         1px 1px 4px 0px rgba(50, 50, 50, 0.75);
	}
}

.players_detail {
	background:#fff;
	padding: 25px 0px;

	.player_info {
		
		.name_box {

			span {
				display: block;
				text-align: right;
				font-weight: 700;
			}
			.number {
				color: #C92228;
				font-size: 90px;
				line-height: 100%;
				margin-top: -15px;
			}
			.firstname {
				font-size: 32px;
				line-height: 32px;
				color: #000;
			}
			.surname {
				font-size: 32px;
				line-height: 32px;
				color: #000;
			}
			.position {
				color:#C92228;
				font-size: 22px;
				line-height: 22px;
				padding-top: 10px;
			}
		}
	}
	.player_picture {
		.image_box {
			width: 100%;
			position: relative;
			float: left;

			img{
				max-width: 100%;
			}
		}
	}
	.player_meta {

		.stats_box {
			padding: 30px 0px 0px 0px;
			margin:0px 0px 0px 25px;
			border-top: 2px solid #C92228;

			.line {
				padding-bottom: 13px;
				margin-bottom: 13px;
				border-bottom: 1px solid #f9f9f9;
					
				.line_label {
					font-weight: 700;
					color: #C92228;
					font-size: 16px;
					display: inline-block;
					width: 50%;
				}

				.line_value {
					color: #000;
					font-size: 16px;
					display: inline-block;
				}
			}
		}
	}
}

@media screen and (min-width: 768px) and(max-width: 991px) {
	.players_detail {
		.player_info {
			padding-bottom:20px;
			.name_box {
				position: relative;

				span {
					display: block;
					text-align: left;
					font-weight: 700;
				}

				.number {
					position: absolute;
					top: 0;
					right: 0;
					font-size: 86px;
				}
			}
		}
		.player_picture {
			padding-bottom: 15px;

			.image_box img {
				margin: 0 auto;
				display: block;
			}
		}
		.player_meta {

			.stats_box {
				margin: 0;

				.line {
					width: 100%;
					float: left;

					.line_label {
						width: 47%;
						float: left;
						
					}
					.line_value {
						text-align: left;
					}
				}
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.players_detail {
		.player_info {
			padding-bottom: 5px;
			.name_box {
				position: relative;

				span {
					display: block;
					text-align: left;
					font-weight: 700;
				}

				.number {
					position: absolute;
					top: 0;
					right: 0;
					font-size: 86px;
				}
			}
		}
		.player_picture {
			padding-bottom: 15px;

			.image_box img {
				margin: 0 auto;
				display: block;
			}
		}
		.player_meta {

			.stats_box {
				margin: 0;

				.line {
					.line_label {
						width: auto;
					}
					.line_value {
						float: right;
					}
				}
			}
		}
	}
}